บทความด้านคอมพิวเตอร์

บทความ, องค์ความรู้, การทำเว็บไซต์, ทำโปรแกรม

ค้นหา และศึกษาบทความด้านคอมพิวเตอร์ การเขียนเว็บไซต์ ทำเว็บไซต์ ทำโปรแกรม ทำโปรแกรมบนมือถือ ออกแบบเว็บไซต์ การเขียนโปรแกรม การออกแบบเว็บไซต์ ฐานข้อมูล รวมไปถึงข่าวแวดวง IT, Computer และบทความต่าง ๆ ที่ถูกคัดสรรมาอย่างดี ด้วยเนื้อหาที่สดใหม่ กระชับ และอ่านเข้าใจง่าย ซึ่งจะทำให้คุณสามารถที่จะแก้ไขปัญหาต่าง ๆ จากบทความ และองค์ความรู้ที่ทางเราเลือกมาให้ โดยบทความทุกบทความถูกเขียนขึ้นใหม่ ในเรื่องต่าง ๆ เพื่อนำเสนอมุมมองใหม่ ๆ ให้กับผู้อ่านทุกคน


ประเภทบทความ
บทความด้านคอมพิวเตอร์

    load() jQuery การประยุกต์ AJAX ด้วยคำสั่ง load

    บทความวันที่ 19 พฤศจิกายน 2555

    load() คือ คำสั่งของ jQuery ในหมวดของ AJAX มีไว้สำหรับการสร้างการสื่อสารแบบ AJAX (Asynchronous JavaScript and XML) ซึ่งมีประโยชน์อย่างมากในการพัฒนาเว็บไซต์ในยุคปัจจุบัน

     

    ภาพรวมของ load()

    1. เป็นคำสั่งสำหรับการสร้างการสื่อสารแบบ AJAX จากการร้องขอข้อมูลจากเครื่อง Client ไปยังเครื่อง Server

    2. มีค่า Parameter 3 ตัวคือ URL, DATA และ COMPLETE 

     

    ตัวอย่างโปรแกรมทางฝั่ง AJAX

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>amplysoft.com</title>
    <script type="text/javascript" src="jquery.min.js"></script>
    </head>
    <body>
    
    <div id='result'></div>
    
    <script type="text/javascript">
    $(document).ready(function(){
    	
    	var url = "date.php";
    	$('#result').load( url );
    	
    });
    </script>
    
    </body>
    </html>
    

     

    ตัวอย่างโปรแกรมทางฝั่งประมวลผล

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>amplysoft.com</title>
    <script type="text/javascript" src="jquery.min.js"></script>
    </head>
    <body>
    
    <?
    
    	echo "<b>Current Date and Time from Server :</b> ".date("Y-m-d / H:i:s");
    
    ?>
    
    </body>
    </html>
    

     

    ผลลัพธ์


    อ่านเนื้อหาอื่นเพิ่มเติมฟรี ได้ที่
    Devdit - พบคำตอบด้านไอทีและทำตามง่ายๆ



    คำค้นหา load() jQuery, รับทำเว็บ, รับเขียนเว็บ, เรียนเขียนโปรแกรม